import { useStartButtonStyles } from '../styles.tsx';

export const Tick = () => {

    const { styles } = useStartButtonStyles();
    
    return (
        <svg className={styles.iconLoaded} width="38" height="28" viewBox="0 0 38 28" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M36.8929 1.22666C36.645 0.976719 36.35 0.778334 36.0251 0.642951C35.7001 0.507568 35.3516 0.437866 34.9995 0.437866C34.6475 0.437866 34.299 0.507568 33.974 0.642951C33.649 0.778334 33.3541 0.976719 33.1062 1.22666L13.2395 21.12L4.89287 12.7467C4.63548 12.498 4.33164 12.3025 3.99869 12.1713C3.66575 12.0401 3.31021 11.9758 2.9524 11.9819C2.59458 11.9881 2.24149 12.0647 1.91328 12.2074C1.58508 12.35 1.28818 12.5559 1.03954 12.8133C0.790904 13.0707 0.5954 13.3746 0.46419 13.7075C0.332979 14.0405 0.268631 14.396 0.274822 14.7538C0.281012 15.1116 0.35762 15.4647 0.500269 15.7929C0.642918 16.1211 0.848816 16.418 1.10621 16.6667L11.3462 26.9067C11.5941 27.1566 11.889 27.355 12.214 27.4904C12.539 27.6258 12.8875 27.6955 13.2395 27.6955C13.5916 27.6955 13.9401 27.6258 14.2651 27.4904C14.59 27.355 14.885 27.1566 15.1329 26.9067L36.8929 5.14666C37.1636 4.89695 37.3796 4.59388 37.5273 4.25655C37.6751 3.91921 37.7514 3.55493 37.7514 3.18666C37.7514 2.81839 37.6751 2.45411 37.5273 2.11678C37.3796 1.77945 37.1636 1.47637 36.8929 1.22666Z"
                fill="white"/>
        </svg>

    );
};

